.verse-deck-container {
  overflow-x: hidden;

  .deck-list-container {
    padding: 0 36px 180px;

    .switch-box {
      >span {
        line-height: 64px;
      }
    }

    .bottom-action-box {
      position: fixed;
      left: 35px;
      bottom: 30px;
      z-index: 2;
      width: 678px;
      height: 140px;
      background: #fff;
      box-shadow: 0 8px 14px 6px rgb(0 0 0 / 8%);
      border-radius: 19px;
      overflow: hidden;

      >a {
        margin-top: 18px;
      }

      .delete-box {
        padding: 0 30px;
      }
    }

    .deck-list-box {
      .deck-list-item {
        position: relative;
        width: 100%;
        height: 183px;
        padding: 32px;
        background: #fff;
        box-shadow: 0 0 10px 8px rgb(0 0 0 / 2%);
        border-radius: 11px;
        margin-bottom: 20px;
        transition: transform 0.2s;

        &.selected {
          transform: translateX(70px);
        }

        .checks {
          position: absolute;
          left: -70px;
          top: 70px;
        }

        .item-title {
          font-size: 30px;

          > span {
            line-height: 30px;
          }
        }

        .images {
          margin-top: 20px;

          .image {
            width: 72px;
            height: 72px;
            background: #4c5055;
            border-radius: 10px;
            margin-right: 10px;
            overflow: hidden;

            &:last-of-type {
              margin-right: 0;
            }

            > img {
              width: inherit;
              height: inherit;
            }
          }
        }

        .main-nums {
          right: 32px;
          top: 115px;
          font-size: 30px;
        }
      }
    }
  }
}
